.page-account {
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100vh;
  overflow: auto;
  background-color: #f7f7f7;
}

@media (min-width: 768px) {

  .page-account:after,
  .page-account:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 50%;
    bottom: 0;
    z-index: -1;
    background-image: url('@/assets/bg-left.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
    background-color: #f7f7f7;
  }
}

@media (min-width: 768px) {
  .page-account:after {
    left: 50%;
    right: 0;
    background-image: url('@/assets/bg-right.png');
  }
}

.el-dropdown-link:focus {
  outline: unset;
}

.el-tooltip__trigger:focus-visible {
  outline: unset;
}

.el-dropdown-menu__item:not(.is-disabled):focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: rgba(128, 128, 128, 0.11) !important;
  color: #515a6e !important;
}

.dark .el-dropdown-menu__item:not(.is-disabled):focus,
.dark .el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: rgba(128, 128, 128, 0.11) !important;
  color: #ffffff !important;
}

.el-overlay {
  background-color: var(--el-overlay-color-lighter);
  height: 100%;
  inset: 0;
  overflow: auto;
  position: fixed;
}

/* 暗色主题 */
html.dark {
  --w-e-textarea-bg-color: #333;
  --w-e-textarea-color: #fff;
  /* ...其他... */
}